<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1，user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="css/template.css"/>
    <link rel="stylesheet" type="text/css" href="css/GIMC_xinwen.css"/>
     <link rel="stylesheet" type="text/css" href="css/login_in.css"/>
     <link rel="stylesheet" type="text/css" href="css/search.css"/>
    <title>省广GIMC首页</title>

  
</head>
<style>
        #denglu{
                display:none;
        }
        #denglu:checked~.login{
                transform: translateX(0%);
        }
        #search_k{
                display: none;
        }
        #search_k:checked~.search{
                transform: translateX(0%);
        }
       
</style>
<body>
        <input type="checkbox" id="denglu">
        <input type="checkbox" id="search_k">
        <div class="search">
                        <header>
                                <input type="text" placeholder="Search">
                                
                                <label for="search_k">
                                                <span>取消</span>
                                </label>
                        </header>
                        <div class="neirong">
                                <p>热搜</p>
                                <div class="biaoqian">
                                        <div>项目管理</div>
                                        <div>移动互联网</div>
                                        <div>O2O联转化</div>
                                        <div>O2O</div>
                                        <div>媒介平台</div>
                                        <div>细分平台业务</div>
                                        <div>项目管理</div>
                                        <div>移动互联网</div>
                                        <div>O2O联转化</div>
            
            
                                </div>
                        </div>
        </div>
        <div class="login">
                                <header>
                                        <label for="denglu">
                                                <div class="close">×</div>
                                        </label>
                                                <input type="text" placeholder="Search">
                                                <div class="line"></div>
                                </header>
                    
                                <div class="middle">
                                        <div class="admin">
                                                        <a href="index2.html"><img src="img/login_tx.png"></a>
                                        </div>
                                        <p>立即登录</p>
                                        <span>忘记密码</span>
                                </div>
                                <p class="jianxi"></p>
                                <section class="box">
                                        <div>
                                            <input id="input" name="checkbox" type="checkbox">
                                            <label for="input" class="label_A"><div>CIMC</div><span>></span>
                                                <div class="clear"></div>
                                            </label>
                                            <div class="content contenta">
                                                <div>省广介绍</div>
                                                <div>新闻咨询</div>
                                            </div>
                                        </div>
                                      <div>
                                          <input id="input_A" name="checkbox" type="checkbox">
                                          <label for="input_A"><div>文章</div><span>></span>
                                            <div class="clear"></div>
                                        </label>
                                          <div class="content contenta">
                                                <div>省广介绍</div>
                                                <div>新闻咨询</div>
                                          </div>
                                      </div>
                                  
                                  
                                      <div>
                                          <input id="input_B" name="acheckbox" type="checkbox">
                                          <label for="input_B"><div>资源</div><span>></span>
                                            <div class="clear"></div>
                                        </label>
                                          <div class="content contentb">
                                                <div>省广介绍</div>
                                                <div>新闻咨询</div>
                                          </div>
                                      </div>
                                  
                                      <div>
                                        <input id="input_C" name="checkbox" type="checkbox">
                                        <label for="input_C"><div>课程</div><span>></span>
                                            <div class="clear"></div>
                                        </label>
                                       
                                        <div class="content contentc">
                                                <div>省广介绍</div>
                                                <div>新闻咨询</div>
                                      </div>
                                    </div>
                                      
                                  </section>
        </div>
        <div class="web">

                <header>
                        <div class="top_content">
                                <label for="denglu">
                                   <div class="menu">
                                       <div class="line"></div>
                                       <div class="line"></div>
                                       <div class="line"></div>
                                   </div>
                                </label>
                                   <div class="logo"><img src="img/logo.png"></div>
                                <label for="search_k">
                                   <div class="search_A"><img src="img/search.png"></div>
                                </label>  
                        </div>

                </header>

                <div class="main">
                        <div class="banner">
                                <img src="img/banner.jpg" alt="banner">
                                <div class="zhezao">
                                    <P>省广股份携手阿里妈妈举行DT大时代 全息营销......</P>
                                    <div>
                                        <div><img src="img/like.png"></div><span>120</span>
                                        <div><img src="img/like.png"></div><span>560</span>
                                        <span class="date">12月26日 07:33:43</span>
                                    </div>
                                </div>
                        </div>
                        <!--***********************************************-->
                        <div class="txt_content">
                                <div class="contentA">
                                        <div class="rcontent">
                                                <a href="GIMC_xinwenzk.html"><img src="img/aaa_05.jpg"></a>
                                        </div>
                                        <div class="lcontent">
                                                <aside>公关丨大众深陷“造假门”，遭受重创后如何走出泥淖？</aside>
                                                <p class="p_txt">2015年9月2日，省广股份。份携手阿里妈妈在广州举行“DT大时代... ...</p>
                                                <div class="l_b_content">
                                                    
                                                    <span class="txt_date">2015-9-3</span>
                                                    <div><img src="img/c_like.png"></div>    
                                                    <span class="txt_gk">4808</span>
                                                    <div><img src="img/zy_gk1.png"></div>    
                                                    <span class="txt_gk">250</span>
                                                </div>
                                        </div>

                                       
                                </div>

                                <div class="contentA">
                                        <div class="rcontent">
                                                <a href="GIMC_xinwenzk.html"><img src="img/aaa_05.jpg"></a>
                                        </div>
                                        <div class="lcontent">
                                                <aside>公关丨大众深陷“造假门”，遭受重创后如何走出泥淖？</aside>
                                                <p class="p_txt">2015年9月2日，省广股份。份携手阿里妈妈在广州举行“DT大时代... ...</p>
                                                <div class="l_b_content">
                                                    
                                                    <span class="txt_date">2015-9-3</span>
                                                    <div><img src="img/c_like.png"></div>    
                                                    <span class="txt_gk">4808</span>
                                                    <div><img src="img/zy_gk1.png"></div>    
                                                    <span class="txt_gk">250</span>
                                                </div>
                                        </div> 
                                </div>

                                <div class="contentA">
                                        <div class="rcontent">
                                                <a href="GIMC_xinwenzk.html"><img src="img/aaa_05.jpg"></a>
                                        </div>
                                        <div class="lcontent">
                                                <aside>公关丨大众深陷“造假门”，遭受重创后如何走出泥淖？</aside>
                                                <p class="p_txt">2015年9月2日，省广股份。份携手阿里妈妈在广州举行“DT大时代... ...</p>
                                                <div class="l_b_content">
                                                    
                                                    <span class="txt_date">2015-9-3</span>
                                                    <div><img src="img/c_like.png"></div>    
                                                    <span class="txt_gk">4808</span>
                                                    <div><img src="img/zy_gk1.png"></div>    
                                                    <span class="txt_gk">250</span>
                                                </div>
                                        </div>   
                                </div>

                                <div class="contentA">
                                        <div class="rcontent">
                                                <a href="GIMC_xinwenzk.html"><img src="img/aaa_05.jpg"></a>
                                        </div>
                                        <div class="lcontent">
                                                <aside>公关丨大众深陷“造假门”，遭受重创后如何走出泥淖？</aside>
                                                <p class="p_txt">2015年9月2日，省广股份。份携手阿里妈妈在广州举行“DT大时代... ...</p>
                                                <div class="l_b_content">
                                                    
                                                    <span class="txt_date">2015-9-3</span>
                                                    <div><img src="img/c_like.png"></div>    
                                                    <span class="txt_gk">4808</span>
                                                    <div><img src="img/zy_gk1.png"></div>    
                                                    <span class="txt_gk">250</span>
                                                </div>
                                        </div>

                                       
                                </div>

                                <div class="contentA">
                                        <div class="rcontent">
                                                <a href="GIMC_xinwenzk.html"><img src="img/aaa_05.jpg"></a>
                                        </div>
                                        <div class="lcontent">
                                                <aside>公关丨大众深陷“造假门”，遭受重创后如何走出泥淖？</aside>
                                                <p class="p_txt">2015年9月2日，省广股份。份携手阿里妈妈在广州举行“DT大时代... ...</p>
                                                <div class="l_b_content">
                                                    
                                                    <span class="txt_date">2015-9-3</span>
                                                    <div><img src="img/c_like.png"></div>    
                                                    <span class="txt_gk">4808</span>
                                                    <div><img src="img/zy_gk1.png"></div>    
                                                    <span class="txt_gk">250</span>
                                                </div>
                                        </div>

                                       
                                </div>

                        </div>
                      




                      
                        <!--加载更多-->
                        <p>加载更多</p>

                </div>

                <footer>
                                <div>
                                    <div>
                                        <a href="index.html">
                                                <img src="img/shouye.png">
                                        </a>
                                        
                                    </div>
                                    <p>
                                        <a href="index.html">首页 </a>
                                    </p>
                                </div>
        
                                <div class="f_line">
                                    <div>
                                        <a href="GIMC_index.html"><img src="img/cimc.png"></a>
                                    </div>
                                    <p><a href="GIMC_index.html">CIMC</a></p>
                                </div>
        
                                <div class="f_line">
                                    <div>
                                        <a href="wenzhang_1.html"><img src="img/wenzhang2.png"></a>
                                    </div>
                                    <p><a href="wenzhang_1.html">文章</a></p>
                                </div>
        
                                <div class="f_line">
                                    <div>
                                        <a href="ziyuan1.html"><img src="img/ziyuan.png"></a>
                                    </div>
                                    <p><a href="ziyuan1.html">资源</a></p>
                                </div>
                                <div class="f_line">
                                    <div>
                                        <a href="keceng.html"><img src="img/xueyuan.png"></a>
                                    </div>
                                    <p><a href="keceng.html">学院</a></p>
                                </div>
                        </footer>

        </div>

       
</body>

<script>
  
/*动态改变根元素字体大小*/
function recalc() {
	var clientWidth = document.documentElement.clientWidth;
	if(!clientWidth) return;
	document.documentElement.style.fontSize = 40 * (clientWidth / 640) + 'px';
}

function initRecalc() {
	recalc();
	var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
	if(!document.addEventListener) return;
	window.addEventListener(resizeEvt, recalc, false);
	document.addEventListener('DOMContentLoaded', recalc, false);
}
initRecalc();

 console.log("手机viewportWidth=",document.documentElement.clientWidth);
    //获取viewport宽
    var viewportWidth = document.documentElement.clientWidth;
    console.log(document.documentElement.style.fontSize);
</script>

</html>